<template>
  <div class="chub_post">
    <navbar>发表评论</navbar>

    <div class="content">
      <textarea placeholder="写评论..." v-model="content" @input="_keyup()"></textarea>
      <div class="number"><span>0/{{maxLength-content.length}}</span></div>
      <div class="subBox mx-1px-top"><button @click="post">评论</button></div>

    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import js from '../../cores/content-hub/post.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../styles/content-hub/chub.less";
  .content{
    textarea{
      width: 100%;
      height: 120px;
      background-color: #ffffff;
      box-sizing: border-box;
      padding-left: 10px;
      padding-top: 10px;
    }
    .number{
      overflow: hidden;
      background-color: #ffffff;
      span{
        float: right;
        color: #cccccc;
      }
    }
  }
</style>
